// 颜色定义规范
$color-default-background = #F6F8FA
$color-bgc-1 = #5D96FF   //头部背景颜色
$color-bgc-2 = #222832  //蒙层颜色
$color-bgc-3 = #5892FF   //表头背景颜色
//字体定义规范
$font-size-small-s = 10px
$font-size-small = 12px
$font-size-medium = 14px
$font-size-medium-x = 16px
$font-size-large = 18px
$font-size-large-x = 22px
$font-size-large-y = 24px
$font-size-26 = 26px
 $font-size-28 = 28px
 $font-size-30 = 30px
$font-size-title = 36px

 .f {
  display: flex;
  justify-content: flex-start;
  align-items: center;

  &.fs {
    justify-content: flex-start;
  }

  &.fe {
    justify-content: flex-end;
  }

  &.fc {
    justify-content: center;
  }

  &.fa {
    justify-content: space-around;
  }

  &.fb {
    justify-content: space-between;
  }

  &.fn {
    flex-direction: column;
  }

  &.fp {
    flex-wrap: wrap;
  }

  &.vfs {
    align-items: flex-start;
  }

  &.vfe {
    align-items: flex-end;
  }
}

.fl {
  flex: 1;
}